<template>
  <div style=" border-top: 1px solid #EBEEF5;min-width: 1000px;">
    <ul class="footer-flex">
      <li v-for="(item,index) in this.list" :key="index">
        <a href="#">{{item}}</a>
      </li>
    </ul>
  </div>
</template>

<script>
  export default{
    data(){
      return{
        list: ["FBooks 版权所有","Copyright © 2019-2020","托管于 阿里云 & 腾讯云", "京ICP备18015597号-1"],
      }
    }
  }
</script>

<style scoped="scoped">
  .footer-flex{
    display: flex;
    margin: 20px 10px;
    justify-content: center;
    align-items: center;

  }
  .footer-flex li{
    margin: 3px 10px;
    list-style-type: none;
  }
  a{
    color: #909399;
    text-decoration: none;
  }
</style>
